<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:v-bind="http://www.w3.org/1999/xhtml">
    <meta charset="UTF-8">
    <title>demo5模板语法-表达式</title>
  <script src="./js/vue.min.js"></script>

</head>
<style>
  .class1{
    background: #444;
    color: #eee;
  }
</style>
<body>
   <div id="app">
      {{5+5}}<br>
       {{ ok ? 'YES' : 'NO'}}<br>
       {{message.split('').reverse().join('')}}
       <div v-bind:id="'list-'+id">菜鸟教程</div>
   </div>
   <script type="application/javascript">
     var vm = new Vue({
       el: "#app",
       data: {
        ok: true,
         message: 'RUNOOB',
         id: 1
       }
     });


   </script>
</body>

</html>
